{
	template:`
    <m-page @back="back" :title="param.title">
        <m-top></m-top>
        <m-title>{{param.title}}
			<template #action>
			</template>
        </m-title>
		<m-top></m-top>
		<m-list ref="list" :url="url" :params="params" :bottom="0" :search="search">
			<template #item="{item}">
				<m-card join>
					<div class="flex padding-sm align-center">
						<div class="flex-sub padding-right-sm">
						    <div class="flex">
                                <div class="cu-tag radius" :class="'bg-'+item.color">{{item.name}}</div>
                                <div class="flex-sub padding-lr-sm">优惠比例：{{formatNum(item.discount)}}%</div>
                            </div>
                            <div v-if="item.remark" class="text-sm text-grey padding-top-xs">{{item.remark}}</div>
						</div>
						<div v-if="selectOid==item.oid" class="cu-tag radius bg-blue light">已选</div>
						<m-button v-else @click="selectLevel(item)" size="sm">选择</m-button>
					</div>
				</m-card>
			</template>
		</m-list>
    </m-page>
	`,
	props: ['param','parentVue'],
	data:function(){
		return {
            url:'action/base/memberLevel/getList',
            params:{'status@eq':'Y'},
            search:[
            ],
            selectOid:''
		};
	},
	mounted(){
	    this.selectOid=this.param.selectOid;
	},
	methods:{
	    selectLevel:function(level){
	        this.back(true,level);
	    }
	}
}